<template>
  <div>
<div v-for="(item,index) in list" :key="index" class="dog">
      <img :src="item.dogImgUrl" >
      <p>{{item.dogName}}</p>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      list: [{
        dogImgUrl:
        'https://pic1.zhimg.com/80/v2-7ba4342e6fedb9c5f3726eb0888867da_1440w.jpg?source=1940ef5c',
        dogName: '哈士奇'
      }]
    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>
.dog{
  float: left;
  width: 300px;
  height: 190px;

  img{
    width: 300px;
    height: 169px;
  }
}
</style>
